import { createRouter, createWebHistory} from "vue-router";
import routes from "./routes";

// 1.返回一个 router 实列，为函数，里面有配置项（对象） history
const router = createRouter({
  history: createWebHistory(),
  routes,
});


//路由守卫 与权限控制  
// router.beforeEach(async (to, from, next) => {
//   // 第一次登录成功时获取userRole     此处可以写获取权限的逻辑  有权限则读取 无权限则通过后端获取
//   if (store.state.userRole === '') {
//       await store.dispatch('getUserRole')
//   }
//   let data = {'to': to, 'userRole': store.state.userRole, isPowerful: ''}
//   await store.dispatch('confirmUserPower', data)
//   if (to.matched.length === 0) {
//       // 没有相应路由无法跳转，返回至当前页面或首页
//       from.path ? next({path: from.path}) : next('/');
//   } else if (store.state.isPowerful) {
//       // 路由存在且有权限才能跳转至相应路由页面
//       next();
//   } else {
//       // 路由存在且无权限不能跳转，返回至当前页面或首页
//       from.path ? next({path: from.path}) : next('/');
//   }
// });

 

export default router